<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/hotBuy.css">
    <link rel="stylesheet" href="./lib/css/bootstrap.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/hotBuy.css">
</head>

<body>
    <!--头部-->
    <header id="header">
        <a class="logo" href="#">
            <img src="./images/header_logo.png" alt="">
        </a>
        <a class="app" href="">
            <img src="./images/header_app.png" alt="">
        </a>
    </header>
    <section id="search">
        <form action="">
            <input type="search" placeholder="请输入你想比价的商品">
            <input type="submit" value="搜索">
        </form>
    </section>
    <div class="brand">
        <!-- 标题栏 -->
        <div class="brand_title">
            <ol>
                <li>首页</li>
                <li>全部分类</li>
                <li>品牌大全</li>
            </ol>
        </div>
        <!-- 品牌列表 -->
        <div class="brand_list">
            <div class="hd">
                <h3>平板电视哪个牌子好</h3>
            </div>
            <div class="row">
                <ul class="col-xs-12 brand_inner">
                    <!-- <li>
                        <a href="">
                        <em class="top1">1</em>
                        <div class="inner">
                            <div class="tit">三星平板电视</div>
                            <p>30天全网销售:242408件</p>
                        </div>
                        </a>
                    </li> -->
                </ul>

                <!-- </div> -->
            </div>
            <!-- 销量排行 -->
            <div class="hd">
                <h3>平板电视产品销量排行</h3>
            </div>
            <div class="product-list"></div>
         <!-- 最新评论 -->
        <div class="hd">
            <h3>平板电视最新评论 ></h3>
        </div>
<div class="bd pllist product-com">
    <ul>
    </ul>
</div>
        </div>

        <!-- 底部 -->
        <footer id="footer">
            <div class="row">
                <div class="col-xs-4">
                    <a href="">登录</a>
                </div>
                <div class="col-xs-4">
                    <a href="">注册</a>
                </div>
                <div class="col-xs-4">
                    <a href="#">返回顶部</a>
                </div>
            </div>
            <p><a href="">手机app下载 </a><a href="">慢慢买手机版 </a> -- 掌上比价平台</p>
            <p>m.manmanbuy.com </p>
        </footer>
</body>
<!-- 模板JS -->
<script type="text/html" id="brandListTpl">
    {{each result as value i}}
    <li><a href="hotBuy.html?categoryid={{value.categoryId}}&pageid=1" title="{{value.brandName}}"><em class="top{{i+1}}">{{i+1}}</em><div class="inner"><div class="tit">{{value.brandName}}</div><p>{{value.brandInfo}}</p></div></a></li>
    {{/each}}
</script>
<script id="productListTpl" type="text/html">
    {{each result as value i}}
    <div class="media">
        <a class="media-left" href="bijia.html?productId={{value.productId}}">
          {{#value.productImg}}
        </a>
        <div class="media-body">
            <a href="bijia.html?productId={{value.productId}}">
                <h5>{{value.productName}}</h5>
                <p class="price">{{value.productPrice}}</p>
                <em>{{value.productQuote}}</em><em>{{value.productCom}}</em>
            </a>
        </div>
    </div>
    {{/each}}
</script>
<script type="text/html" id="productComTpl">
    {{each result as value i}}
    <li>
        <a href="bijia.aspx?id=211698">
            <div class="protit">
                <div class="pic">
                    {{#result.product.productImg}}
                </div>
                <div class="tit">{{result.product.productName}}</div>
            </div>

            <div class="plbox">
                <div class="name">{{value.comName}}<span class="star"><em class="star5"></em></span><i>{{value.comTime}}</i></div>
                <div class="con">{{value.comContent}}</div>
            </div>
        </a>
    </li>
    {{/each}}
</script>
<!-- 第三方JS -->
<script src="./jquery/jquery.js"></script>
<script src="./lib/js/bootstrap.js"></script>
<script src="./js/template.js"></script>
<!-- 自己的JS -->
<script src="./js/comment.js"></script>
<script src="./js/hotBuy.js"></script>


</html>